<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%>
<%@ taglib prefix="spring" uri="http://www.springframework.org/tags"%>
<%@ taglib prefix="form" uri="http://www.springframework.org/tags/form"%>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core"%>
<%@ taglib prefix="fmt" uri="http://java.sun.com/jsp/jstl/fmt"%>
<%@ taglib prefix="fn" uri="http://java.sun.com/jsp/jstl/functions"%>
<%@ taglib prefix="sec" uri="http://www.springframework.org/security/tags"%>

<!DOCTYPE html>
<html lang="zh-cn">
<head>
    <meta charset="utf-8">
    <meta content="yes" name="apple-mobile-web-app-capable">
    <meta content="yes" name="apple-touch-fullscreen">
    <meta content="telephone=no,email=no" name="format-detection">
    <link rel="stylesheet" href="/css/main.css">
    <link rel="stylesheet" href="/css/plugins.css">
    <link rel="stylesheet" href="/css/style.css">
    <script type="text/javascript" src="/js/lib.js"></script>
    <script type="text/javascript" src="/js/jquery.SuperSlide.js"></script>
    <script type="text/javascript" src="/js/jquery.scrollLoading.js"></script>
	<script type="text/javascript" charset="utf-8">
      $(function() {
          $("img.scrollLoading").lazyload({effect: "fadeIn",threshold :300});  
          $(".scrollLoading1 img").lazyload({effect: "fadeIn"});
      });
    </script>
    <title>软装到家</title>
    <style type="text/css">
    	a {
    		cursor:pointer;
    	}
    </style>
</head>
<body>
 <%@include file="../head.jsp" %>
<!--main-->
<div class="w-1200 margin-0-auto">
    <div class="model_case">
        <div class="title">
            <h1>上东国际</h1>
        </div>
        <div class="l">
            <div class="img"><img class="scrollLoading" data-original="${n.image }" /></div>
            <div class="t">地区：${n.community.province.name } ${n.community.city.name } ${n.community.district.name }<br>户型：${n.name }<br>面积：${n.area }m²</div>
        </div>
        <div class="r">
            <ul>
                <c:forEach items="${n.designs }" var="d">
                <li>
                    <div class="img">
                    	<a onclick='location="${ctx}/design/detail?id=${d.id }"'><img class="scrollLoading" data-original="${d.headImage }" /></a>
                    	<a class="btn" href="javascript:void(0);" onclick="order2()">一键预约</a></div>
                    <div class="portrait">
                        <img src="/img/other/model-2.jpg">
                        <div class="portrait_bg"><a onclick='location="${ctx}/design/designer?id=${d.id }"'><img src="${d.user.headImage }"></a></div>
                        <div class="tit"><a onclick='location="${ctx}/design/designer?id=${d.id }"'>${d.user.username }</a></div>
                    </div>
                    <div class="tr"><h1>${n.name }</h1><p>${n.community.city.name } ${n.community.district.name } ${n.area }m² ${n.name }</p></div>
                </li>
                </c:forEach>
            </ul>
        </div>
    </div>
</div>        
<!--main END-->
<div class="blank10"></div><div class="blank10"></div><div class="blank10"></div>
<%@include file="../page.jsp" %>
<%@include file="../foot.jsp" %>
<script type="text/javascript" src="/js/plugins.js"></script>
<script type="text/javascript" src="/js/modules.js"></script>
<script type="text/javascript">
	function gotoPage(pageNum,category) {   //跳转到指定页面
		location="${ctx }/design/listByCommunityHouseType?id=${n.id}&page="+pageNum;
	}
	
    $(document).ready(function(){
        $('.bxslider').bxSlider({
            preloadImages:'all',
            auto:true
        });
    }); 
</script>
</body>
</html>